<ion-view view-title="{{title}}" hide-back-button="true">
<ion-nav-bar class="bar-positive nav-bar-container">
    <ion-nav-buttons side="left">
        <button class="button button-clear" ui-sref="web.product-index" nav-direction="back">
            <i class="icon ion-chevron-left" ></i> 返回
        </button>
    </ion-nav-buttons>
</ion-nav-bar>
    <ion-content class="content has-header ionic-pseudo">
        <div class="product-top-border"></div> 
        <ion-list>
            <div class="product-list" ng-repeat="product in products | filter:notfinish" ui-sref="product-detail({id:product.id})">
                <div class="first-row">
                    <div class="product-name">
                        <span class="size-14">{{product.name}}</span>
                    </div>
                    <div class="progress-bar">
                        <div class="progress-bar-border"></div>
                        <div class="progress-bar-bar" style="width:{{product.finishPer}}px;">
                            <span class="progress-bar-number">{{product.finishPer}}%</span>
                        </div>
                    </div>
                </div>
                <div class="second-row">
                    <div class="product-rate">
                        <p>预计年收益</p>
                        <span class="assertive"><b>{{product.incomeRate}}%</b></span>
                    </div>
                    <div class="product-deadline">
                        <p>理财期限</p>
                        <span>{{product.investDateNumberStr}}</span>
                    </div>
                    <div class="product-buy-btn">
                        <a>详情</a>
                    </div>
                </div>
            </div>
            <div class="product-list product-finish" ng-repeat="product in products | filter:{finishPer:100}">
                <div class="first-row">
                    <div class="product-name">
                        <span class="size-14">{{product.name}}</span>
                    </div>
                    <div class="progress-bar">
                        <div class="progress-bar-border"></div>
                        <div class="progress-bar-bar" style="width:{{product.finishPer}}px;">
                            <span class="progress-bar-number">{{product.finishPer}}%</span>
                        </div>
                    </div>
                </div>
                <div class="second-row">
                    <div class="product-rate">
                        <p>预计年收益</p>
                        <span class="assertive"><b>{{product.incomeRate}}%</b></span>
                    </div>
                    <div class="product-deadline">
                        <p>理财期限</p>
                        <span>{{product.investDateNumberStr}}</span>
                    </div>
                    <div class="product-finish-btn">
                        <a>售罄</a>
                    </div>
                </div>
            </div>
        </ion-list>
        <!-- <div class="product-list" ng-click="show_product_detail()">
            <div class="first-row">
                <div class="product-name">
                    <span>年年盈001期</span>
                </div>
                <div class="progress-bar">
                    <div class="progress-bar-border"></div>
                    <div class="progress-bar-bar" style="width:30px;">
                        <span class="progress-bar-number">30%</span>
                    </div>
                </div>
            </div>
            <div class="second-row">
                <div class="product-rate">
                    <p>预期年华</p>
                    <span>15.00%</span>
                </div>
                <div class="product-deadline">
                    <p>理财期限</p>
                    <span>360天</span>
                </div>
                <div class="product-buy-btn">
                    <span>存入</span>
                </div>
            </div>
        </div>
        <div class="product-list" ng-click="show_product_detail()">
            <div class="first-row">
                <div class="product-name">
                    <span>季季盈001期</span>
                </div>
                <div class="progress-bar">
                    <div class="progress-bar-border"></div>
                    <div class="progress-bar-bar" style="width:40px;">
                        <span class="progress-bar-number">40%</span>
                    </div>
                </div>
            </div>
            <div class="second-row">
                <div class="product-rate">
                    <p>预期年华</p>
                    <span>12.00%</span>
                </div>
                <div class="product-deadline">
                    <p>理财期限</p>
                    <span>90天</span>
                </div>
                <div class="product-buy-btn"  ui-sref="product-detail({id:product.id})">
                    <a><b>查看<br/>详情</b></a>
                </div>
            </div>
        </div>
        <div class="product-list" ng-click="show_product_detail()">
            <div class="first-row">
                <div class="product-name">
                    <span>月月盈001期</span>
                </div>
                <div class="progress-bar">
                    <div class="progress-bar-border"></div>
                    <div class="progress-bar-bar" style="width:60px;">
                        <span class="progress-bar-number">60%</span>
                    </div>
                </div>
            </div>
            <div class="second-row" >
                <div class="product-rate">
                    <p>预期年华</p>
                    <span>10.00%</span>
                </div>
                <div class="product-deadline">
                    <p>理财期限</p>
                    <span>30天</span>
                </div>
                <div class="product-buy-btn">
                    <span>存入</span>
                </div>
            </div>
        </div>
        <div class="product-list" ng-click="show_product_detail()">
            <div class="first-row">
                <div class="product-name">
                    <span>周周盈001期</span>
                </div>
                <div class="progress-bar">
                    <div class="progress-bar-border"></div>
                    <div class="progress-bar-bar" style="width:90px;">
                        <span class="progress-bar-number">90%</span>
                    </div>
                </div>
            </div>
            <div class="second-row">
                <div class="product-rate">
                    <p>预期年华</p>
                    <span>6.00%</span>
                </div>
                <div class="product-deadline">
                    <p>理财期限</p>
                    <span>7天</span>
                </div>
                <div class="product-buy-btn">
                    <span>存入</span>
                </div>
            </div>
        </div> -->
    </ion-content>
</ion-view>
